<template>
	<view class="page">
		<view class="back-icon">
			<uni-icons color="#fff" @click="toMine" size="26" type="arrowleft"></uni-icons>
		</view>
		<image class="bg" src="https://www.innovationgloble.com/wxs/img/wx/pay-success.png"></image>
		
		<!-- pay-success-content -->
		<image class="content mt40" src="https://www.innovationgloble.com/wxs/img/wx/pay-success-content.png"></image>
		
		
		<view class="share-btn">
			分享红包
		</view>
		
		<view class="order-btn" @click="toOrder">
			查看订单
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toOrder(){
				uni.navigateTo({
					url:'/pagesB/my-order/my-order'
				})
			},
			goBack(){
				uni.navigateBack({delta:2});
			}
		}
	}
</script>

<style scoped lang="less">
	.page {
		.back-icon {
			height: 30upx;
			line-height: 30upx;
			position: fixed;
			top: 68upx;
		}
		width: 100%;
		min-height: 100vh;
		// background-color: #F5F6F9;
		background-color: #fff;
		
		.bg{
			width: 100%;
			object-fit: contain;
		}
		
		.content{
			padding-left: 20%;
			padding-right: 20%;
			width: 60%;
			object-fit: contain;
		}
		
		.mt40{
			margin-top: 40upx;
		}
		
		.share-btn{
			width:96%;
			margin-left: 2%;
			margin-right: 2%;
			margin-top: 50upx;
			height:98upx;
			background:linear-gradient(180deg,rgba(0,139,255,1) 0%,rgba(25,109,236,1) 100%);
			border-radius:49upx;
			
			line-height:98upx;
			font-size:32upx;
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight:400;
			color:rgba(255,255,255,1);
			text-align: center;
		}
		
		.order-btn{
			font-size: 32upx;
			margin-top: 20upx;
			width: 100%;
			text-align: center;
			color: #196DEC;
		}
	}
</style>
